body {
    margin: 0px;
    padding: 0px;
    font-family: serif;
    font-size: 12px;
    background: url("../image/backgroundGrid.png");
}

#head, #body, #footer {
    width: 100%;
}

.main-head {
    background: url("../image/backhead.png") repeat-x top;
    height: 145px;
}

.main-head .logo {
	margin-right: 200px;
	width: 500px;
    padding: 40px 0px 0px 40px;    
}

.main-head .setting {
	float: right;
	margin: 0px 20px 10px 20px;	
	z-index: 100;
	
}

.main-head .setting li{
	display : inline;
	
}

.main-head .setting li a{
	color: #fff;
	border-bottom: 2px solid #ccc;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px black;
	padding: 5px 10px;
}

.main-head .setting li a:hover {
	color: #33c;
	font-weight: bold;
	text-decoration: none;
	text-shadow: none;
	padding: 10px;
	background: white;
}

.overlay {
	position: fixed;
	top: 0;
	z-index: 100;
	height: 100%;
	width: 100%;
	background: black;
	opacity:0;
	display: none;
}

.warp-action {
	padding: 10px;
	margin: -10px 0px 10px 0px;
	border-bottom : 2px solid #ccc;
	border-top : 2px solid #ccc;
	background: white;
}
